import Input from './Input.js';
import List from './List.js';
export default class TodoList {
  constructor(el, todoData) {
    this.el = el;
    this.todoData = todoData;
    this.todoWrap = document.createElement('div')
  }

  init() {
    createComponents(this);
    render(this);
    bindEvent(this);
  }
}

function createComponents(_this) {
  _this.input = new Input({
    wrapEl:_this.todoWrap,
    placeholderText:'请输入',
    buttonText:'增加'
  });
  _this.list = new List({
    wrapEl:_this.todoWrap,
    todoData:_this.todoData
  });
}

function render(_this) {
  _this.input.render()
  _this.list.render()
  _this.el.appendChild(_this.todoWrap)
}

function bindEvent(_this) {
  _this.input.bindEvent()
  _this.list.bindEvent()
}
